@charset "UTF-8";

.box{
    width: 260px;
    margin: auto;
    background:linear-gradient( to bottom,#f9fbd0,#f8f8f1);
    opacity:0.5
}

p{
    line-height: 30px;
    background: #518700;
    color: #ffffff;
    font-family: "宋体";
    font-weight: bolder;
    text-indent: 1em;
}

img{
    vertical-align: middle;
}

li{
    color: blue;
    font-size: 10px;
    line-height: 30px;
    /*margin-left: 22px;*/
    letter-spacing: 1px;
    padding-left: 18px;
    list-style: none;
}

a{text-decoration: none;}

a:hover{text-decoration: underline}

li:nth-child(1){
    list-style-position: inside;
    background: url("../img/book_no01.gif") -1px no-repeat;
}
li:nth-child(2){
    list-style-position: inside;
    background: url("../img/book_no02.gif") -1px no-repeat;
}

li:nth-child(3){
    list-style-position: inside;
    background: url("../img/book_no03.gif") -1px no-repeat;
}

li:nth-child(4){
    list-style-position: inside;
    background: url("../img/book_no04.gif") 0 no-repeat;
}

li:nth-child(5){
    list-style-position: inside;
    background: url("../img/book_no05.gif") 0 no-repeat;
}

li:nth-child(6){
    list-style-position: inside;
    background: url("../img/book_no06.gif") 0 no-repeat;
}

li:nth-child(7){
    list-style-position: inside;
    background: url("../img/book_no07.gif") 0 no-repeat;
}

li:nth-child(8){
    list-style-position: inside;
    background: url("../img/book_no08.gif") 0 no-repeat;
}

li:nth-child(9){
    list-style-position: inside;
    background: url("../img/book_no09.gif") 0 no-repeat;
}

li:nth-child(10){
    list-style-position: inside;
    background: url("../img/book_no10.gif") 0 no-repeat;
}